<script setup>

</script>

<template>
  <hr>
  <header class="header">
    <h1>题目详情</h1>
  </header>
  <div class="answer-image">
    <img src="../assets/img_1.png"  class="answer-img" alt="解答示例图片" />
  </div>
</template>

<style scoped>
.answer-img {
  width: 80%; /* 设置图片宽度为父容器的 80% */
  height: auto; /* 自动调整高度以保持宽高比 */
  border-radius: 5px; /* 可选：为图片增加圆角 */
  border: 1px solid #ddd; /* 可选：增加边框 */
  margin: 10px auto; /* 可选：上下间距、居中 */
  display: block; /* 确保图片在容器中居中显示 */
}
.header h1 {
  font-size: 24px;
  color: #333;
  text-align: center;
}

</style>